import * as echarts from 'echarts'

// 纯色7种（参照UI规范）
export const echartsColors = [
  '#0070CC', // 纯蓝
  '#31D2A9', // 青色
  '#FFBD11', // 黄色
  '#5EBDFF', // 浅蓝
  '#7AA0F4', // 紫色
  '#B98AE2', // 罗兰
  '#9FEE92' // 绿色
]

export const echartsColorsWarn = [
  '#FF7F24',
  '#FFD700',
  '#31D2A9', // 青色
  '#FFBD11', // 黄色
  '#7AA0F4', // 紫色
  '#B98AE2', // 罗兰
  '#9FEE92' // 绿色
]

// 单曲线 渐变色4种（参照UI规范
export const echartLineColors = Array.from({ length: 4 }).map((e, i) => {
  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    {
      offset: 0,
      color: echartsColors[i],
      opacity: 0.8
    },
    {
      offset: 1,
      color: '#fff'
    }
  ])
})

// -- 渐变色4种（参照UI规范） --
export const echartChangeColors = [
  // 蓝色渐变
  new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    {
      offset: 0,
      color: '#6BBCF3'
    },
    {
      offset: 1,
      color: '#0A7DD8'
    }
  ]),
  // 紫色渐变
  new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    {
      offset: 0,
      color: '#8093EF'
    },
    {
      offset: 1,
      color: '#5766CD'
    }
  ]),
  // 青色渐变
  new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    {
      offset: 0,
      color: '#40D5AB'
    },
    {
      offset: 1,
      color: '#20B3C3'
    }
  ]),
  // 黄色渐变
  new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    {
      offset: 0,
      color: '#FFBB28'
    },
    {
      offset: 1,
      color: '#F97B49'
    }
  ])
]
